<template>
	<view class="content">
		<u-navbar fixed title="手术事件上报单" :autoBack="true"></u-navbar>
		<view class="form-content">
			<view class="form-title">
				事件明细
			</view>
			<view class="form-main-content">
				<u--form labelPosition="left">
					<u-form-item label="姓名" prop="userInfo.name" borderBottom>
						<u--input border="none"></u--input>
					</u-form-item>
					<u-form-item label="性别" prop="userInfo.sex">
						<u--input placeholder="请选择性别" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
				</u--form>
			</view>
		</view>
		<view class="form-content">
			<view class="form-title">
				患者资料
			</view>
			<view class="form-main-content">
				<u--form labelPosition="left">
					<u-form-item label="姓名" prop="userInfo.name" borderBottom>
						<u--input border="none"></u--input>
					</u-form-item>
					<u-form-item label="性别" prop="userInfo.sex">
						<u--input placeholder="请选择性别" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
				</u--form>
			</view>
		</view>
		<view class="form-content">
			<view class="form-title">
				事件基本信息
			</view>
			<view class="form-main-content">
				<u--form labelPosition="left">
					<u-form-item label="姓名" prop="userInfo.name" borderBottom>
						<u--input border="none"></u--input>
					</u-form-item>
					<u-form-item label="性别" prop="userInfo.sex">
						<u--input placeholder="请选择性别" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
				</u--form>
			</view>
		</view>
		<view class="form-content">
			<view class="form-title">
				当事人资料
			</view>
			<view class="form-main-content">
				<u--form labelPosition="left">
					<u-form-item label="姓名" prop="userInfo.name" borderBottom>
						<u--input border="none"></u--input>
					</u-form-item>
					<u-form-item label="性别" prop="userInfo.sex">
						<u--input placeholder="请选择性别" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
				</u--form>
			</view>
		</view>
		<view class="form-content">
			<view class="form-title">
				事件结果
			</view>
			<view class="form-main-content">
				<u--form labelPosition="left">
					<u-form-item label="姓名" prop="userInfo.name" borderBottom>
						<u--input border="none"></u--input>
					</u-form-item>
					<u-form-item label="性别" prop="userInfo.sex">
						<u--input placeholder="请选择性别" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
				</u--form>
			</view>
		</view>
		<view class="form-content">
			<view class="form-title">
				报告者信息
			</view>
			<view class="form-main-content">
				<u--form labelPosition="left">
					<u-form-item label="姓名" prop="userInfo.name" borderBottom>
						<u--input border="none"></u--input>
					</u-form-item>
					<u-form-item label="性别" prop="userInfo.sex">
						<u--input placeholder="请选择性别" border="none"></u--input>
						<u-icon slot="right" name="arrow-right"></u-icon>
					</u-form-item>
				</u--form>
			</view>
		</view>
		<view class="bottom-btn">
			<u-button type="primary" style="width: 40%;" :plain="true" text="保存草稿"></u-button>
			<u-button type="primary" style="width: 40%;" text="上报"></u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.content {
		padding-top: 126rpx;
		padding-bottom: 200rpx;
		background-color: #f3f4f6;
		
		.form-content {
			padding: 24rpx;

			.form-title {
				color: #2979ff;
				font-size: 32rpx;
				margin-bottom: 24rpx;
			}

			.form-main-content {
				background-color: #fff;
				padding: 0 24rpx;
				border-radius: 12rpx;
			}
		}

		.bottom-btn {
			position: fixed;
			bottom: 48rpx;
			width: 100%;
			display: flex;
		}
	}
</style>